草庐IT

HTML5 pushstate 和 SEO 链接

全部标签

html - 使用 HTML5 视频标签播放本地(硬盘)视频文件?

我想实现以下目标。这样做的目的是让用户能够从他/她的硬盘驱动器中选择一个文件。而没有上传的原因当然是传输成本和存储配额。没有理由保存文件。这可能吗? 最佳答案 可以播放本地视频文件。当通过input元素选择文件时:'change'事件被触发获得第一个Fileinput.files中的对象FileList制作一个objectURL指向文件对象将对象URL设置为video.src属性向后靠并观看:)http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/(functio

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - cloud9 可以调试 html/javascript 吗?

是否可以在cloud9中对HTML中的javascript使用调试?我知道可以调试node.js,但是如果javascript在中怎么办?阻止在HTML中,还是从外部脚本加载?这在Webstorm中有效,但你必须有一个浏览器插件,并且IDE和浏览器(通过插件)相互通信。谢谢! 最佳答案 Cloud9没有为调试提供很好的可视化,但即便如此也不是什么大问题。您需要在浏览器的另一个选项卡中打开您的应用程序。你有两种方式:如果您使用“预览”模式运行应用程序,Cloud9会提供一个URL,您可以在浏览器中编写该URL。如果您使用服务器并且它具

javascript - headless (headless) JavaScript 测试 HTML5 音频/视频

我知道还有很多其他类似的问题,但是答案并没有提供解决这个问题的方法。我的网站上使用了一个使用HTML5网络音频的JavaScript文件,我想对其进行单元测试。我研究过将QUnit与PhantomJS结合使用,在你说什么之前我知道Phantom不支持它(http://phantomjs.org/supported-web-standards.html),但是我想知道是否有办法解决这个问题?在浏览器中使用QUnit测试它会像您预期的那样工作,但我不想每次都使用浏览器测试它,我希望它在服务器上自动进行。其中一个测试失败的示例:QUnit.test("isPlaying",function(

javascript - HTML 注释 <!-- 是否充当 JavaScript 中的单行注释,为什么?

JavaScript具体如何理解构造?从JavaScript的Angular来看,它是不是//之外的又一个注释?和/**/?从测试看来,JavaSript对待喜欢//:一行什么都不做,而按预期工作。此行为记录在何处?这不是其他问题的重复:我不问为什么、是否或如何使用它。我正式地问它在JavaScript中有什么语法和语义。这个问题很重要,在其他问题中没有得到回答:例如,上面指出的行为不能从其他问题和他们的答案中猜到(实际上这是我的动机:我的程序没有像上面那样工作,而这些问题和答案无助于理解原因)。 最佳答案 Fromtestingi

javascript - React Router 重定向哈希链接

我为我网站的导航栏创建了一个自定义按钮组件。当用户单击按钮时,该组件返回一个重定向,将用户带到他们选择的页面。exportdefaultclassButtonextendsComponent{constructor(props){super(props);this.state={redirect:false};this._handleClick=this._handleClick.bind(this);}_handleClick(e){e.stopPropagation();this.setState({redirect:true});}componentDidUpdate(){if(

javascript - 来自 webapp 的 Facebook 分享对话框深度链接

我在我的网络应用程序上成功地使用了Facebook共享方法,就像使用FBJSSDK一样。FB.ui({method:'share',href:'https://myapp.com',})但是,如果用户使用移动设备访问我的网络应用程序,则即使他们在设备上安装了主要的facebook应用程序,也需要他们通过浏览器登录facebook。如果可用,是否可以使用nativefacebook应用程序启动共享对话框,如果不可用,则回退到浏览器中的facebook进行共享。 最佳答案 Facebook有urlschemes过去曾在iOS上运行过;我

javascript - 音频文件在线时,如何在HTML5音频对象中设置currentTime?

我有一个带有向前/向后跳过10秒按钮的JavaScript音频播放器。我通过设置音频元素的currentTime来做到这一点:functionPlayer(skipTime){this.skipTime=skipTime;this.waitLoad=false;//initialisemainnarrationaudiothis.narration=newAudio(getFileName(dynamicNarration));this.narration.preload="auto";this.narration.addEventListener('canplaythrough',(

javascript - 如何显示对 AJAX/getJSON 请求的错误(文本/html)响应?

我的情况是,我正在开发一个小型Web应用程序,其中服务器提供动态JSON响应。服务器建立在cherrypy上。有时,创建JSON数据的代码中存在错误,该错误会抛出,cherrypy会捕获它并返回500错误,并提供详细说明异常的完整HTML页面。(也就是说,响应包含所有内容:......)但是因为请求是AJAX,所以不会显示。我可以很容易地拦截这个错误,并在开发工具中查看它;但我想做的(为了简化调试)是打开一个新页面(就像用户点击了一个链接一样)并在浏览器中显示该响应。我试过了window.open('','_self');$(document).html(jqXHR.responseT

javascript - .htaccess 用于 SEO 机器人在没有 hashbang 的情况下抓取单页应用程序

使用pushState启用页面,通常您使用escaped_fragment重定向SEO机器人惯例。您可以阅读更多有关here的信息.约定假定您将在单页应用程序的所有URI之前使用(#!)hashbang前缀。SEO机器人将通过用它自己可识别的约定替换hashbang来逃避这些片段escaped_fragment进行页面请求时。//Yourpagehttp://example.com/#!home//Requestedbybotsashttp://example.com/?_escaped_fragment=home这允许网站管理员检测机器人,并将它们重定向到缓存的预呈现页面。Rewri